8 Creative And Beautiful jQuery Image Viewer Ideas

1. jQuery Mega Image Viewer - animated zoom and pan

featured image

The mega jQuery image viewer plugin allows you to easily replace <div> tagswith animated image viewers. Viewer used for displaying high-resolution object (image – JPG, PNG, GIF). Viewer displays the given display object inside the user-defined viewport area. Viewer allows to control the position and zoom of the object displayedinside the viewport. Viewer controls the sliding and zoom of the displayed objectso that the viewport area will be filled completely. Cross-browser compatible – Image Viewer is compatible with IE, CHROME, FIREFOX, OPERA, SAFARI.Viewer functionality:

set image source from javascript {“contentUrl” : “images/my_image. set image source from html <img src=”images/my_image.Update external libraries included in the package to: jquery-1.1, jquery-ui-1. Set image scale method.

More Details

2. jSliderPro

featured image

To enrich your ads viewer.jSliderPro gives the option to set an image for navigation buttons and bullets.On-the-fly image resize and clip. Resolved an issue with jQuery that hampered transitions’ selection.

More Details

3. ImageZoom - Responsive jQuery Image Zoom Plugin

featured image

ImageZoom is a image viewer jQuery plugin for JavaScript hover image effect. It has thrid mode of jQuery image zoom pan effect : inner mode,standard mode and follow mode. It is easy to use, you can just use single image or set a large image. When you set a jQuery image viewer you view see it‘s 410 faster than other to show zoom view (witch use image load event to get the flash large image viewer width/height ). Use resized thumb image for zoom view when the jQuery image viewer is loading. Option for preload image or not. type:The JavaScript image zoom pan mode. bigImageSrc:If Call image zoom on the thumb image and want to zoom with lightbox image viewer set this option. smoothMove:Is the zoomviewer’s image move smooth. preload:Is ImageZoom preload the large image. Default:null (alignTo the riginal image)

showDescription:Is zoomimage auto show the image description. zoomViewerClass:The coustom class of the zoom viewer for follow mode and standard mode.$viewer   (jQuery element object)       The large image show view area.$handlerArea    (jQuery element object)       The handler view show on thumb image when use standard mode.$el    (jQuery element object)       The image the you have called ImageZoom on it.$largeImg    (jQuery element object)       The large image that show on zoom viewer. changeImage(string,string) : Change the img tag original image src and large image.Other Image Effects Plugins

HoverEx – jQuery image hover animation plugin

Picanim – jQuery image hover effect pulgin

Zoome – jQuery Image Zoom Effect Plugin

More Details

4. jQuery Giga Image Viewer - animated zoom and pan

featured image

Giga jQuery simple image viewer displays very large images without loading the whole

image, giga viewer loads only needed fragment of the big image divided into small

The giga jQuery image viewer plugin allows you to easily replace <div> tags with animated image viewers with hotspots. Viewer used for displaying very high-resolution JPG.Package contains command line program (for Windows only) and php script, for cutting images into pieces (max tested image had size 9000×9000 px). Viewer displays the given high-resolution JPG inside the user-defined viewport area.Viewer allows to control the position and zoom of the high-resolution JPG inside the viewport.Viewer controls the sliding and zoom of the high-resolution JPG so that the viewport area will be filled completely. Package contains a program for cutting image. Cross-browser compatible – Image Viewer is compatible with IE, CHROME , FIREFOX, OPERA , SAFARI.Viewer functionality:

reading current image position and scale

Update external libraries included in the package to: jquery-1.1, jquery-ui-1.

More Details

5. jQuery Zoomable Product Viewer Plugin

featured image

Paused when user hove the image.jQuery OneByOne Slider Plugin:

More Details

6. Layer - jQuery Ad Banner / Slideshow

featured image

jQuery(function($){

More Details

7. jQuery Homepage Banner Slideshow / Product viewer

featured image

This file is suitable for homepage banner, slideshow, product viewer, Gallery even though you can use as an intro.Use any type of jQuery div content slider it may be multiple div, image (including transparent image format), video, youtube and swf (flash file)

Easy to align , spacing and animation direction for each image and Text

Thumbnail mouse over tint image or control through css file, you can also use color instead of image

jQuery(function($){

More Details

8. Expo360º - 360º Product Viewer

featured image

Next generation 360° product viewer Opposite to existing 360° viewers available online, this viewer doesn’t use Flash and offers great interaction on mobile devices such as iPad and iPhone.Uses jQuery v1.2; Easy 360° views of your products; Easily change the width and height of the viewer; Loads external images;

Smart zoom functionality with mousewheel support; Optional zoom navigation window; Use as a fancy zoom/pan viewer with a single image.

More Details